<template>
    <div>
        <div class="tabs">
            <router-link :class="{'active':route == 'job'}" :to="{name:'job'}">报名中</router-link>
            <router-link :class="{'active':route == 'job_doing'}" :to="{name:'job_doing'}">进行中</router-link>
            <router-link :class="{'active':route == 'job_end'}" :to="{name:'job_end'}">已完成</router-link>

        </div>
        <div>
            <router-view></router-view>

        </div>
    </div>
</template>
<script>
    export default {
        data(){
            return{
                route:'job'
            }
        },
        created(){
            document.body.style.backgroundColor='rgb(239, 243, 246)'
            this.route = this.$route.name
        },
        watch:{
            $route(){
                this.route = this.$route.name
            }
        }
    }
</script>
<style lang="less" scoped>
    @import url('../../public/css/job.less');
</style>
